<template>
  <div class="case-content">
    <div class="support">

      <img src="../../img/timg5.jpg" alt="" class="support-background-img img-responsive">

      <div class="container">
        <!--<div class="support-heading">-->
        <!--<h2>本公司竭诚为你提供优质专业的全方位服务</h2>-->
        <!--</div>-->
        <div class="row">
          <!--<div class="support-text">-->
          <!--<p>致力于打造一支为客户全方位考虑，提供最优质最专业的服务团队！</p>-->
          <!--</div>-->
          <div class="col-sm-6 col-md-6 tab1">
            <div class="row">
              <div class="col-sm-6 col-md-6">
                <a href="">
                  <img src="../../img/timg4.jpg" alt="" class="img-responsive tab-support-img ">
                </a>
              </div>
              <div class="col-sm-6 col-md-6">
                <div class="support-con">
                  <h4>售前服务团队</h4>
                  <p>根据您的需求，结合最新的技术支持，为您提供最优质最专业最适合您的解决方案！</p>
                  <a href="">
                    <button class="btn btn-primary">了解更多</button>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 tab2">
            <div class="row">
              <div class="col-sm-6 col-md-6">
                <a href="" class="tab-support-a">
                  <img src="../../img/timg7.jpg" alt="" class="img-responsive tab-support-img ">
                </a>
              </div>
              <div class="col-sm-6 col-md-6">
                <div class="support-con ">
                  <h4>售后服务团队</h4>
                  <p>我们的售后服务将会在第一时间为您提供专业的解答并以最快的速度为您提供售后服务！</p>
                  <a href="">
                    <button class="btn btn-primary">了解更多</button>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 tab3">
            <div class="row">
              <div class="col-sm-6 col-md-6">
                <a href="">
                  <img src="../../img/timg13.jpg" alt="" class="img-responsive tab-support-img img-auto">
                </a>
              </div>
              <div class="col-sm-6 col-md-6">
                <div class="support-con text">
                  <h4>技术支持团队</h4>
                  <p>根据您的需求，我们的技术支持团队将会结合现有的先进技术，为您设计最优的解决方案！</p>
                  <a href="">
                    <button class="btn btn-primary">了解更多</button>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 tab4">
            <div class="row">
              <div class="col-sm-6 col-md-6">
                <a href="">
                  <img src="../../img/timg14.jpg" alt="" class="img-responsive tab-support-img img-auto">
                </a>
              </div>
              <div class="col-sm-6 col-md-6">
                <div class="support-con text">
                  <h4>实施团队</h4>
                  <p>严谨专业认真的实施团队将会在最快的时间内替您解决问题！</p>
                  <a href="">
                    <button class="btn btn-primary">了解更多</button>
                  </a>
                </div>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>


    <div class="case-content">
      <div class="contact">
        <div class="container">
          <div class="row">
            <div class="col-sm-4 col-md-4">
              <img src="../../img/mien1.jpg" alt="" class="contact-img img-responsive img-thumbnail">
            </div>
            <div class="col-sm-8 col-md-8">
              <div class="contact-head">
                <h2>联系我们</h2>
              </div>
              <div class="contact-text">
                <p>杭州力为科技有限公司将竭诚为您提供最专业最优质的服务，欢迎您的来电或来访！</p>
                <p>手机号码：13967182316  </p>
                <p >电话号码：0571—62056527</p>
                <p style="text-indent: 5em"></p>
                <p>邮箱地址：<a href="mailto:infoexample@email.com"><span>server@liweiauto.com</span></a></p>
                <p>公司地址：杭州富阳区九龙大道398号富春硅谷创智中心2号楼611室</p>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

</script>

<style lang="stylus" rel="stylesheet/stylus">
  .support
    margin: 50px 0 40px

  .support-background-img
    margin:auto
    padding:0 0 30px
    width:100%
    max-height: 400px

  .support-heading
    color: #0b339a;
    text-align: center;

  .tab1,.tab2,.tab3,.tab4
    margin-top: 30px

  .support-text
    margin: 30px
    text-align: center
    border-bottom: 1px solid #bce8f1

  .tab-support-img
    margin: auto
    /*vertical-align: middle;*/
    width: 80%
    height: 80%


  .support-con
    vertical-align: middle


  /****************************************support页面CSS结束*********************************/

  /*********************************************contact页面CSS开始***************************/
  .contact
    margin: 80px 0 40px


  .contact img
    /*width: auto;*/
    border-radius: 10px

</style>
